<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <meta charset="utf-8"/>
  <title>欢迎 - 医院药品库存管理系统</title>
  <meta name="description" content="欢迎 - 医院药品库存管理系统"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
  <!-- bootstrap & fontawesome -->
  <script src="../../../assets/js/vue.js"></script>
  <script src="/assets/js/jquery-2.1.4.min.js"></script>
  <script src="../../../assets/js/axios.js"></script>
  <link rel="stylesheet" href="../../../assets/css/bootstrap.min.css"/>
  <link rel="stylesheet" href="../../../assets/font-awesome/4.5.0/css/font-awesome.min.css"/>
  <!-- page specific plugin styles -->
  <!-- text fonts -->
  <link rel="stylesheet" href="../../../assets/css/fonts.googleapis.com.css"/>
  <!-- ace styles -->
  <link rel="stylesheet" href="../../../assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style"/>
  <!--[if lte IE 9]>
  <link rel="stylesheet" href="../../../assets/css/ace-part2.min.css" class="ace-main-stylesheet"/>
  <![endif]-->
  <link rel="stylesheet" href="../../../assets/css/ace-skins.min.css"/>
  <link rel="stylesheet" href="../../../assets/css/ace-rtl.min.css"/>
  <!--[if lte IE 9]>
  <link rel="stylesheet" href="../../../assets/css/ace-ie.min.css"/>
  <![endif]-->
  <!-- inline styles related to this page -->
  <!-- ace settings handler -->
  <script src="../assets/js/ace-extra.min.js"></script>
  <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->
  <!--[if lte IE 8]>
  <script src="../assets/js/html5shiv.min.js"></script>
  <script src="../assets/js/respond.min.js"></script>
  <![endif]-->
</head>
<body class="no-skin">
<div id="navbar" class="navbar navbar-default ace-save-state">
  <div class="navbar-container ace-save-state" id="navbar-container">
    <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
      <span class="sr-only">Toggle sidebar</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <div class="navbar-header pull-left">
      <a href="../admin/index" class="navbar-brand">
        <small>
          <i class="fa fa-leaf"></i>
          医院药品库存管理系统 DIMS
        </small>
      </a>
    </div>
    <div class="navbar-buttons navbar-header pull-right" role="navigation">
      <ul class="nav ace-nav">
        <li class="grey dropdown-modal">
          <a data-toggle="dropdown" class="dropdown-toggle" href="#">
            <i class="ace-icon fa fa-tasks"></i>
            <span class="badge badge-grey">3</span>
          </a>
          <ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
            <li class="dropdown-header">
              <i class="ace-icon fa fa-check"></i>
              统计信息
            </li>
            <li class="dropdown-content">
              <ul class="dropdown-menu dropdown-navbar">
                <li>
                  <a href="../admin/query-specific-admin?Ano=${currentAdmin.ano}">
                    <div class="clearfix">
                      <span class="pull-left">由我入库的药品总批数占比</span>
                      <span class="pull-right" >
                        {{ AllData.comeProportion }}%
													</span>
                    </div>
                    <div class="progress" style="height: 10px">
                      <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" :style="{width:AllData.comeProportion+'%'}" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="../admin/query-specific-admin?Ano=${currentAdmin.ano}">
                    <div class="clearfix">
                      <span class="pull-left">由我入库的库存药品批数占比</span>
                      <span class="pull-right">
   {{ AllData.stockProportion }}%
													</span>
                    </div>
                    <div class="progress" style="height: 10px">
                      <div class="progress-bar progress-bar-striped bg-success" role="progressbar" :style="{width: AllData.stockProportion+'%'}" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="../admin/query-specific-admin?Ano=${currentAdmin.ano}">
                    <div class="clearfix">
                      <span class="pull-left">由我销毁的药品批数占比</span>
                      <span class="pull-right">
                         {{ AllData.desProportion }}%
													</span>
                    </div>
                    <div class="progress" style="height: 10px">
                      <div class="progress-bar progress-bar-striped bg-warning" role="progressbar" :style="{width: AllData.desProportion+'%'}" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                  </a>
                </li>
              </ul>
            </li>
          </ul>
        </li>
        <li class="green dropdown-modal">
          <a data-toggle="dropdown" class="dropdown-toggle" href="#">
            <i class="ace-icon fa fa-bell icon-animated-bell"></i>
            <span class="badge badge-success" v-text="AllData.lower+AllData.day"></span>
          </a>
          <ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
            <li class="dropdown-header">
              <i class="ace-icon fa fa-exclamation-triangle"></i>
              警报
            </li>
            <li class="dropdown-content">
              <ul class="dropdown-menu dropdown-navbar navbar-pink">
                <li>
                  <a href="../admin/query-low-inventory-drug-list">
                    <div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
														库存药品数量到达下限警报
													</span>
                      <span class="pull-right badge badge-info">{{AllData.lower}}</span>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="../admin/query-close-2-expiry-pdbatch-list">
                    <div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
														库存药品批次临期警报
													</span>
                      <span class="pull-right badge badge-success">{{AllData.day}}</span>
                    </div>
                  </a>
                </li>
              </ul>
            </li>
          </ul>
        </li>
        <li class="light-blue dropdown-modal">
          <a data-toggle="dropdown" href="#" class="dropdown-toggle">
            <img class="nav-user-photo" src="../assets/images/avatars/Admin.png" alt="头像"/>
            <span class="user-info">
									<small>欢迎，</small>
									<p v-text="AllData.name"></p>
								</span>
            <i class="ace-icon fa fa-caret-down"></i>
          </a>
          <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
            <li>
              <a href="../admin/profile">
                <i class="ace-icon fa fa-user"></i>
                个人信息
              </a>
            </li>
            <li class="divider"></li>
            <li>
              <a href="../logout">
                <i class="ace-icon fa fa-power-off"></i>
                登出
              </a>
            </li>
          </ul>
        </li>
      </ul>
    </div>
  </div><!-- /.navbar-container -->
</div>
<div class="main-container ace-save-state" id="main-container">

  <div id="sidebar" class="sidebar responsive ace-save-state">

    <div class="sidebar-shortcuts" id="sidebar-shortcuts">
      <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
        <button class="btn btn-success">
          <i class="ace-icon fa fa-signal"></i>
        </button>
        <button class="btn btn-info">
          <i class="ace-icon fa fa-pencil"></i>
        </button>
        <button class="btn btn-warning">
          <i class="ace-icon fa fa-users"></i>
        </button>
        <button class="btn btn-danger">
          <i class="ace-icon fa fa-cogs"></i>
        </button>
      </div>
      <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
        <span class="btn btn-success"></span>
        <span class="btn btn-info"></span>
        <span class="btn btn-warning"></span>
        <span class="btn btn-danger"></span>
      </div>
    </div><!-- /.sidebar-shortcuts -->
    <ul class="nav nav-list">
      <li class="active">
        <a href="../admin/welcome">
          <i class="menu-icon fa fa-tachometer"></i>
          <span class="menu-text"> 欢迎页面 </span>
        </a>
        <b class="arrow"></b>
      </li>
      <li class="">
        <a href="../admin/profile">
          <i class="menu-icon fa fa-tag"></i>
          <span class="menu-text"> 个人信息页面 </span>
        </a>
        <b class="arrow"></b>
      </li>
      <li class="">
        <a href="../admin/query-supplier-list">
          <i class="menu-icon fa fa-briefcase"></i>
          <span class="menu-text"> 查看供应商信息列表 </span>
        </a>
        <b class="arrow"></b>
      </li>
      <li class="">
        <a href="../admin/add-supplier-form">
          <i class="menu-icon fa fa-desktop"></i>
          <span class="menu-text"> 填写新增供应商表单 </span>
        </a>
        <b class="arrow"></b>
      </li>
      <li class="">
        <a href="../admin/query-low-inventory-drug-list">
          <i class="menu-icon fa fa-cogs"></i>
          <span class="menu-text"> 查看库存紧张的药品 </span>
        </a>
        <b class="arrow"></b>
      </li>
      <li class="">
        <a href="../admin/query-close-2-expiry-pdbatch-list">
          <i class="menu-icon fa fa-exclamation-circle"></i>
          <span class="menu-text"> 查看临期的药品批次 </span>
        </a>
        <b class="arrow"></b>
      </li>
      <li class="">
        <a href="#" class="dropdown-toggle">
          <i class="menu-icon fa fa-list"></i>
          <span class="menu-text"> 查看药品库存信息 </span>
          <b class="arrow fa fa-angle-down"></b>
        </a>
        <b class="arrow"></b>
        <ul class="submenu">
          <li class="">
            <a href="../admin/query-drug-list">
              <i class="menu-icon fa fa-caret-right"></i>
              查看库存药品列表
            </a>
            <b class="arrow"></b>
          </li>
          <li class="">
            <a href="../admin/query-pdbatch-list">
              <i class="menu-icon fa fa-caret-right"></i>
              查看库存药品批次明细
            </a>
            <b class="arrow"></b>
          </li>
          <li class="">
            <a href="../admin/query-destroyed-pdbatch-list">
              <i class="menu-icon fa fa-caret-right"></i>
              查看已销毁药品批次列表
            </a>
            <b class="arrow"></b>
          </li>
        </ul>
      </li>
      <li class="">
        <a href="../admin/add-storage-form">
          <i class="menu-icon fa fa-pencil-square-o"></i>
          <span class="menu-text"> 填写药品入库表单 </span>
        </a>
        <b class="arrow"></b>
      </li>
      <li class="${type ? 'active' : ''}">
        <a href="../admin/add-rx-form">
          <i class="menu-icon fa fa-pencil-square-o"></i>
          <span class="menu-text"> 填写新建处方表单 </span>
        </a>
        <b class="arrow"></b>
      </li>
      <li class="">
        <a href="#" class="dropdown-toggle">
          <i class="menu-icon fa fa-list-alt"></i>
          <span class="menu-text"> 查看处方列表 </span>
          <b class="arrow fa fa-angle-down"></b>
        </a>
        <b class="arrow"></b>
        <ul class="submenu">
          <li class="">
            <a href="../admin/query-unsolved-rx-list">
              <i class="menu-icon fa fa-caret-right"></i>
              查看未处理处方列表
            </a>
            <b class="arrow"></b>
          </li>
          <li class="">
            <a href="../admin/query-solved-rx-list">
              <i class="menu-icon fa fa-caret-right"></i>
              查看已处理处方列表
            </a>
            <b class="arrow"></b>
          </li>
        </ul>
      </li>
    </ul><!-- /.nav-list -->
    <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
      <i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state"
         data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
    </div>
  </div>
  <div class="main-content">
    <div class="main-content-inner">
      <div class="breadcrumbs ace-save-state" id="breadcrumbs">
        <ul class="breadcrumb">
          <li>
            <i class="ace-icon fa fa-home home-icon"></i>
            <a href="../admin/index">首页</a>
          </li>
          <li class="active">欢迎页面</li>
        </ul><!-- /.breadcrumb -->
      </div>
      <div class="page-content">
        <div class="page-header">
          <h1>统计信息</h1>
        </div><!-- /.page-header -->

        <div class="row">
          <div class="col-xs-12">
            <!-- PAGE CONTENT BEGINS -->
            <div class="alert alert-info">
              <i class="ace-icon fa fa-hand-o-right"></i>
              欢迎使用
              <strong class="blue">
                医院药品库存管理系统 DIMS (v1.0)
              </strong>
              <button class="close" data-dismiss="alert">
                <i class="ace-icon fa fa-times"></i>
              </button>
            </div>
            <div class="alert alert-warning" v-if="AllData.lower!==0">
              <i class="ace-icon fa fa-bell-o"></i>
              警告：共有 {{ AllData.lower }} 种药品库存紧张，请尽快进货入库！
              <a href="../admin/query-low-inventory-drug-list">
                <button class="btn btn-xs btn-warning">
                  <i class="ace-icon fa fa-fire bigger-110"></i>
                  查看详情
                  <i class="ace-icon fa fa-arrow-right icon-on-right"></i>
                </button>
              </a>
              <button class="close" data-dismiss="alert">
                <i class="ace-icon fa fa-times"></i>
              </button>
            </div>

            <div class="alert alert-danger" v-if="AllData.day!==0">
              <i class="ace-icon fa fa-bullhorn"></i>
              严重：共有 {{ AllData.day }} 个批次的库存药品临期，请立即处理！
              <a href="../admin/query-close-2-expiry-pdbatch-list">
                <button class="btn btn-xs btn-danger">
                  <i class="ace-icon fa fa-bolt bigger-110"></i>
                  查看详情
                  <i class="ace-icon fa fa-arrow-right icon-on-right"></i>
                </button>
              </a>
              <button class="close" data-dismiss="alert">
                <i class="ace-icon fa fa-times"></i>
              </button>
            </div>
            <div class="row">
              <div class="space-6"></div>
              <div class="col-sm-7 infobox-container">
                <div class="infobox infobox-red">
                  <div class="infobox-icon">
                    <i class="ace-icon fa fa-flask"></i>
                  </div>
                  <div class="infobox-data">
                    <span class="infobox-data-number">{{ AllData.variety }}</span>
                    <div class="infobox-content">库存药品种数</div>
                  </div>
                </div>
                <div class="infobox infobox-pink">
                  <div class="infobox-icon">
                    <i class="ace-icon fa fa-flask"></i>
                  </div>
                  <div class="infobox-data">
                    <span class="infobox-data-number">{{ AllData.total }}</span>
                    <div class="infobox-content">库存药品批数</div>
                  </div>
                </div>
                <div class="infobox infobox-purple">
                  <div class="infobox-icon">
                    <i class="ace-icon fa fa-flask"></i>
                  </div>
                  <div class="infobox-data">
                    <span class="infobox-data-number">{{ AllData.destroy }}</span>
                    <div class="infobox-content">销毁药品批数</div>
                  </div>
                </div>
                <div class="space-6"></div>
                <div class="infobox infobox-green">
                  <div class="infobox-icon">
                    <i class="ace-icon fa fa-flask"></i>
                  </div>
                  <div class="infobox-data">
                    <span class="infobox-data-number">{{ AllData.adminCountAll }}</span>
                    <div class="infobox-content">我入库的药品总批数</div>
                  </div>
                </div>
                <div class="infobox infobox-blue">
                  <div class="infobox-icon">
                    <i class="ace-icon fa fa-flask"></i>
                  </div>
                  <div class="infobox-data">
                    <span class="infobox-data-number">{{ AllData.adminCount }}</span>
                    <div class="infobox-content">我入库的库存药品批数</div>
                  </div>
                </div>
                <div class="infobox infobox-grey">
                  <div class="infobox-icon">
                    <i class="ace-icon fa fa-flask"></i>
                  </div>
                  <div class="infobox-data">
                    <span class="infobox-data-number">{{ AllData.adminDestroy }}</span>
                    <div class="infobox-content">我销毁的药品批数</div>
                  </div>
                </div>
                <div class="space-6"></div>
                <div class="infobox infobox-green2">
                  <div class="infobox-progress">
                    <div class="easy-pie-chart percentage"
                         data-percent="66"
                         data-size="46" id="green">
													<span class="percent">
                      {{ AllData.comeProportion }}
													</span>%
                    </div>
                  </div>
                  <div class="infobox-data">
                    <span class="infobox-text">我入库的总批数</span>
                    <div class="infobox-content">
                      <span class="bigger-110">~</span>
                      占总批数比例
                    </div>
                  </div>
                </div>
                <div class="infobox infobox-blue2">
                  <div class="infobox-progress">
                    <div class="easy-pie-chart percentage"
                         :data-percent="AllData.comeProportion" data-size="46" >
													<span class="percent">
                                {{ AllData.stockProportion }}

													</span>%
                    </div>
                  </div>
                  <div class="infobox-data">
                    <span class="infobox-text">我入库的药品批数</span>
                    <div class="infobox-content">
                      <span class="bigger-110">~</span>
                      占总库存批数比例
                    </div>
                  </div>
                </div>
                <div class="infobox infobox-grey2">
                  <div class="infobox-progress">
                    <div class="easy-pie-chart percentage"
                         :data-percent="AllData.desProportion" data-size="46">
													<span class="percent">
                             {{ AllData.desProportion }}

													</span>%
                    </div>
                  </div>
                  <div class="infobox-data">
                    <span class="infobox-text">我销毁的药品批数</span>
                    <div class="infobox-content">
                      <span class="bigger-110">~</span>
                      占总销毁批数比例
                    </div>
                  </div>
                </div>
              </div>
            </div><!-- /.row -->
            <!-- PAGE CONTENT ENDS -->
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.page-content -->
    </div>
  </div><!-- /.main-content -->
  <div class="footer">
    <div class="footer-inner">
      <div class="footer-content">
						<span class="bigger-120">
							<span class="blue bolder">医院药品库存管理系统</span>
							DIMS &copy; 2019-2020
						</span>
      </div>
    </div>
  </div>
  <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
    <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
  </a>
</div><!-- /.main-container -->
<!-- basic scripts -->
<!-- inline scripts related to this page -->
<script>

  $(function () {
    const vm = new Vue({
      el: "#navbar",
      data: {
        AllData: {}
      },
      methods: {
        ms() {
          axios({
            url: "/drug/AdminDate",
            method: "GET",
          }).then(res => {

            this.AllData = res.data;
          })
        }
      }
    })
    vm.ms();
  })



</script>






<script>
  $(function () {
    const vm = new Vue({
      el: ".main-container",
      data: {
        AllData: {}
      },
      methods: {
        ms() {
          axios({
            url: "/drug/AdminDate",
            method: "GET",
          }).then(res => {
            this.AllData = res.data;
          })
        }
      }
    })
    vm.ms();
  })
</script>




<!--[if !IE]> -->
<script src="../../../assets/js/jquery-2.1.4.min.js"></script>
<!-- <![endif]-->
<!--[if IE]>

<![endif]-->
<script type="text/javascript">
  if ('ontouchstart' in document.documentElement) document.write("<script src='../assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
</script>
<script src="../../../assets/js/bootstrap.min.js"></script>
<!-- page specific plugin scripts -->
<!--[if lte IE 8]>
<script src="../../../assets/js/excanvas.min.js"></script>
<![endif]-->
<script src="../../../assets/js/jquery-ui.custom.min.js"></script>
<script src="../../../assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="../../../assets/js/jquery.easypiechart.min.js"></script>
<script src="../../../assets/js/jquery.sparkline.index.min.js"></script>
<script src="../../../assets/js/jquery.flot.min.js"></script>
<script src="../../../assets/js/jquery.flot.pie.min.js"></script>
<script src="../../../assets/js/jquery.flot.resize.min.js"></script>
<!-- ace scripts -->
<script src="../../../assets/js/ace-elements.min.js"></script>
<script src="../../../assets/js/ace.min.js"></script>

</body>

</html>
